#menu, #menu ul 
{
margin: 0;
padding: 0;
list-style: none;
}

#menu 
{
margin:auto;
border: 1px solid #222;
background-color: #111;
background-image: -moz-linear-gradient(#444, #111);
background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
background-image: -webkit-linear-gradient(#444, #111);
background-image: -o-linear-gradient(#444, #111);
background-image: -ms-linear-gradient(#444, #111);
background-image: linear-gradient(#444, #111);
 -moz-box-shadow:0px 20px 20px #000;
-ms-box-shadow:0px 20px 20px #000;
-webkit-box-shadow:0px 20px 20px #000;
-khtml-box-shadow:0px 20px 20px #000;
-o-box-shadow:0px 20px 20px #000;
box-shadow:0px 20px 20px #000;
}

#menu:before,
#menu:after
{
content: "";
display: table;
}

#menu:after {
clear: both;
}

#menu {
zoom:1;
}

#menu li {
float: left;
border-right: 2px solid #222;
border-top: transparent;
-moz-box-shadow: 1px 0 0 #444;
-o-box-shadow: 1px 0 0 #444;
-ms-box-shadow: 1px 0 0 #444;
-khtml-box-shadow: 1px 0 0 #444;
-webkit-box-shadow: 1px 0 0 #444;
box-shadow: 1px 0 0 #444;
position: relative;z-index:9999;
-o-transition:all .2s ease-out;
-ms-transition:all .2s ease-out;
-khtml-transition:all .2s ease-out;
-moz-transition:all .2s ease-out;
-webkit-transition:all .2s ease-out;
transition:all .2s ease-out;
}

#menu a {
float:left;
padding: 15px 45px;
color: #fff;
text-transform: uppercase;
font:bold 15px georgia, Helvetica;
text-decoration: none;
text-shadow: 8px 8px 8px #000;
}

#menu li:hover > a {
color: #fafafa;
}

*html #menu li a:hover { /* IE6 only */
color: #fafafa;
}

#menu ul {
text-align:center;
margin: 20px 0 0 0;
_margin: 0; /*IE6 only*/
opacity: 0;
visibility: hidden;
position: absolute;z-index:9999;
top: 70px;
left: 0;
background: #444;
background: -moz-linear-gradient(#444, #111);
background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
background: -webkit-linear-gradient(#444, #111);
background: -o-linear-gradient(#444, #111);
background: -ms-linear-gradient(#444, #111);
background: linear-gradient(#444, #111);
-moz-box-shadow: 0 -1px rgba(255,255,255,.3);
-o-box-shadow: 0 -1px rgba(255,255,255,.3);
-ms-box-shadow: 0 -1px rgba(255,255,255,.3);
-khtml-box-shadow: 0 -1px rgba(255,255,255,.3);
-webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3);
box-shadow: 0 -1px 0 rgba(255,255,255,.3);
-moz-border-radius: 15px;
-o-border-radius: 15px;
-ms-border-radius: 15px;
-khtml-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-khtml-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}

#menu li:hover > ul {
opacity: 1;
visibility: visible;
margin: 0;
}

#menu ul ul {
top: 0;
left: 150px;
margin: 0 0 0 20px;
_margin: 0; /*IE6 only*/
-moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
-o-box-shadow: -1px 0 0 rgba(255,255,255,.3);
-ms-box-shadow: -1px 0 0 rgba(255,255,255,.3);
-khtml-box-shadow: -1px 0 0 rgba(255,255,255,.3);
-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
box-shadow: -1px 0 0 rgba(255,255,255,.3);
}

#menu ul li {
float: none;
display: block;
border: 0;
_line-height: 0; /*IE6 only*/
-moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
-o-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
-ms-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
-khtml-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
-webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
box-shadow: 0 1px 0 #111, 0 2px 0 #666;
}

#menu ul li:last-child {
-moz-box-shadow: none;
-o-box-shadow: none;
-ms-box-shadow: none;
-khtml-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}

#menu ul a {
padding: 10px;
width: 130px;
_height: 10px; /*IE6 only*/
display: block;
white-space: nowrap;
float: none;
text-transform: none;
}

#menu ul li:first-child > a:after {
content: '';
position: absolute;z-index:9999;
left: 60px;
top: -6px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #444;
}

#menu ul ul li:first-child a:after
{
left: -6px;
top: 50%;
margin-top: -6px;
border-left: 0;
border-bottom: 6px solid transparent;
border-top: 6px solid transparent;
border-right: 6px solid #3b3b3b;
}

#menu ul li:first-child a:hover:after
{
border-bottom-color: #04acec;
}

#menu ul ul li:first-child a:hover:after
{
border-right-color: #0299d3;
border-bottom-color: transparent;
}

#menu ul li:first-child > a
{
-moz-border-radius: 15px 15px 15px 15px;
-o-border-radius: 15px 15px 15px 15px;
-ms-border-radius: 15px 15px 15px 15px;
-khtml-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
}

#menu ul li:last-child > a
{
-moz-border-radius: 15px 15px 15px 15px;
-o-border-radius: 15px 15px 15px 15px;
-ms-border-radius: 15px 15px 15px 15px;
-khtml-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
}
#menu li:last-child{
float:right;
border-right:none;
-moz-box-shadow: none;
-o-box-shadow: none;
-ms-box-shadow: none;
-khtml-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}

#menu li:hover.a,#menu li:hover.ba,#menu li:hover.ca,#menu li:hover.da,#menu li:hover.ea,#menu li:hover.fa{
background-color: #0c343d;
background-image: -moz-linear-gradient(#00ffff, #0c343d);
background-image: -webkit-gradient(linear, left top, left bottom, from(#00ffff), to(#0c343d));
background-image: -webkit-linear-gradient(#00ffff, #0c343d);
background-image: -o-linear-gradient(#00ffff, #0c343d);
background-image: -ms-linear-gradient(#00ffff, #0c343d);
background-image: linear-gradient(#00ffff, #0c343d);
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-khtml-border-radius: 15px;
-o-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
-khtml-transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
#menu li:hover.b,#menu li:hover.bb,#menu li:hover.cb,#menu li:hover.db,#menu li:hover.eb,#menu li:hover.fb{
background-color: #660000;
background-image: -moz-linear-gradient(#ff0000, #660000);
background-image: -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#660000));
background-image: -webkit-linear-gradient(#ff0000, #660000);
background-image: -o-linear-gradient(#ff0000, #660000);
background-image: -ms-linear-gradient(#ff0000, #660000);
background-image: linear-gradient(#ff0000, #660000);
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-khtml-border-radius: 15px;
-o-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
-khtml-transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
#menu li:hover.c,#menu li:hover.bc,#menu li:hover.cc,#menu li:hover.dc,#menu li:hover.ec,#menu li:hover.fc{
background-color: #7f6000;
background-image: -moz-linear-gradient(#ffff00, #7f6000);
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffff00), to(#7f6000));
background-image: -webkit-linear-gradient(#ffff00, #7f6000);
background-image: -o-linear-gradient(#ffff00, #7f6000);
background-image: -ms-linear-gradient(#ffff00, #7f6000);
background-image: linear-gradient(#ffff00, #7f6000);
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-khtml-border-radius: 15px;
-o-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
-khtml-transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
#menu li:hover.d,#menu li:hover.bd,#menu li:hover.cd,#menu li:hover.dd,#menu li:hover.ed,#menu li:hover.fd{
background-color: #20124d;
background-image: -moz-linear-gradient(#9900ff, #20124d);
background-image: -webkit-gradient(linear, left top, left bottom, from(#9900ff), to(#20124d));
background-image: -webkit-linear-gradient(#9900ff, #20124d);
background-image: -o-linear-gradient(#9900ff, #20124d);
background-image: -ms-linear-gradient(#9900ff, #20124d);
background-image: linear-gradient(#9900ff, #20124d);
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-khtml-border-radius: 15px;
-o-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
-khtml-transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
#menu li:hover.e,#menu li:hover.be,#menu li:hover.ce,#menu li:hover.de,#menu li:hover.ee,#menu li:hover.fe{
background-color: #274e13;
background-image: -moz-linear-gradient(#00ff00, #274e13);
background-image: -webkit-gradient(linear, left top, left bottom, from(#00ff00), to(#274e13));
background-image: -webkit-linear-gradient(#00ff00, #274e13);
background-image: -o-linear-gradient(#00ff00, #274e13);
background-image: -ms-linear-gradient(#00ff00, #274e13);
background-image: linear-gradient(#00ff00, #274e13);
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-khtml-border-radius: 15px;
-o-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
-khtml-transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
#menu li:hover.f,#menu li:hover.bf,#menu li:hover.cf,#menu li:hover.df,#menu li:hover.ef,#menu li:hover.ff{
background-color: #4c1130;
background-image: -moz-linear-gradient(#ff00ff, #4c1130);
background-image: -webkit-gradient(linear, left top, left bottom, from(#ff00ff), to(#4c1130));
background-image: -webkit-linear-gradient(#ff00ff, #4c1130);
background-image: -o-linear-gradient(#ff00ff, #4c1130);
background-image: -ms-linear-gradient(#ff00ff, #4c1130);
background-image: linear-gradient(#ff00ff, #4c1130);
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-khtml-border-radius: 15px;
-o-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
-khtml-transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
#menu li:hover.g,#menu li:hover.bg,#menu li:hover.cg,#menu li:hover.dg,#menu li:hover.eg,#menu li:hover.fg{
background-color: #073763;
background-image: -moz-linear-gradient(#0000ff, #073763);
background-image: -webkit-gradient(linear, left top, left bottom, from(#0000ff), to(#073763));
background-image: -webkit-linear-gradient(#0000ff, #073763);
background-image: -o-linear-gradient(#0000ff, #073763);
background-image: -ms-linear-gradient(#0000ff, #073763);
background-image: linear-gradient(#0000ff, #073763);
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-khtml-border-radius: 15px;
-o-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
-khtml-transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
#searchbox{
display:inline;margin-right:5px;
padding:2px;
border: 2px solid #222;
width:200px;height:25px;
background-color: #fff;
background-image: -moz-linear-gradient(#444, #fff);
background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#fff));
background-image: -webkit-linear-gradient(#444, #fff);
background-image: -o-linear-gradient(#444, #fff);
background-image: -ms-linear-gradient(#444, #fff);
background-image: linear-gradient(#444, #fff);
-moz-border-radius: 6px 0px 6px 0px;
-webkit-border-radius: 6px 0px 6px 0px;
border-radius:10px 0px 10px 0px;
-moz-box-shadow: 0 1px 1px #777;
-webkit-box-shadow: 0 1px 1px #777;
box-shadow: 0 1px 1px #777;
}
#searchbutton
{
font-weight:bold;
padding:3px;
border: 0px solid #222;
width:60px;height:30px;
text-shadow: 8px 8px 8px #000;
color:#000;
cursor:pointer;
background-color: #aaa;
background-image: -moz-linear-gradient(#fff, #999);
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#999));
background-image: -webkit-linear-gradient(#fff, #999);
background-image: -o-linear-gradient(#fff, #999);
background-image: -khtml-linear-gradient(#fff, #999);
background-image: -ms-linear-gradient(#fff, #999);
background-image: linear-gradient(#fff, #999);
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 5px 5px 5px #000;
-ms-box-shadow: 5px 5px 5px #000;
-o-box-shadow: 5px 5px 5px #000;
-webkit-box-shadow: 5px 5px 5px #000;
-khtml-box-shadow: 5px 5px 5px #000;
box-shadow: 5px 5px 5px #000;
}
#searchbutton:hover
{
color:#ffffff;
background-color: #333;
background-image: -moz-linear-gradient(#999, #000);
background-image: -webkit-gradient(linear, left top, left bottom, from(#999), to(#000));
background-image: -webkit-linear-gradient(#999, #000);
background-image: -o-linear-gradient(#999, #000);
background-image: -khtml-linear-gradient(#999, #000);
background-image: -ms-linear-gradient(#999, #000);
background-image: linear-gradient(#999, #000);
}